<!doctype html>
<html lang="en" class="dark font-sans antialiased">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="/component.css" rel="stylesheet" />
    <script src="/component.js" defer></script>
  </head>
  <body class="flex flex-wrap justify-center gap-4 p-6">
    <a class="group relative inline-block text-sm font-medium text-indigo-600" href="#">
      <span
        class="absolute inset-0 translate-x-0.5 translate-y-0.5 bg-indigo-600 transition-transform group-hover:translate-x-0 group-hover:translate-y-0"
      ></span>

      <span class="relative block border border-current bg-white px-8 py-3"> Download </span>
    </a>

    <a class="group relative inline-block text-sm font-medium text-indigo-600" href="#">
      <span
        class="absolute inset-0 translate-x-0 translate-y-0 bg-indigo-600 transition-transform group-hover:translate-x-0.5 group-hover:translate-y-0.5"
      ></span>

      <span class="relative block border border-current bg-white px-8 py-3"> Download </span>
    </a>
  </body>
</html>
